<!DOCTYPE html>
<html lang="en">
<head>
    <title>"${keywords}"_相关搜索_重庆恭逸科技有限公司</title>
    <meta name="Description" content="为您找到“${keywords}”相关(${productNum}条)产品(${newsNum}条)相关新闻。">
    <meta name="Keywords" content="${keywords}"/>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="utf-8">
    <link rel="icon" type="image/x-icon" href="${ctxPath}/static/faviconTitle.ico"/>
    <script type="application/x-javascript"> addEventListener("load", function () {
        setTimeout(hideURLbar, 0);
    }, false);

    function hideURLbar() {
        window.scrollTo(0, 1);
    } </script>
    <!-- bootstrap-css -->
    <link href="${ctxPath}/static/css/bootstrap.css" rel="stylesheet" type="text/css" media="all"/>
    <!--// bootstrap-css -->

    <!-- css -->
    <link rel="stylesheet" href="${ctxPath}/static/css/style.css" type="text/css" media="all"/>
    <link href="${ctxPath}/static/css/zhyd.comment.css" rel="stylesheet">
    <link href="${ctxPath}/static/css/zhyd.core.css" rel="stylesheet">
    <!--// css -->

    <!-- font-awesome icons -->
    <link href="${ctxPath}/static/css/font-awesome.css" rel="stylesheet">
    <!-- //font-awesome icons -->
    <script src="${ctxPath}/static/js/jquery-1.11.1.min.js"></script>
    <script src="${ctxPath}/static/js/bootstrap.js"></script>

    <script src="${ctxPath}/static/js/bootstrap-paginator.js"></script>
    <script type="text/javascript">
        jQuery(document).ready(function ($) {
            $(".scroll").click(function (event) {
                event.preventDefault();
                $('html,body').animate({scrollTop: $(this.hash).offset().top}, 1000);
            });
        });
    </script>
    <!-- flexslider -->
    <link rel="stylesheet" href="${ctxPath}/static/css/flexslider.css" type="text/css" media="screen"/>
    <!-- //flexslider -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <![endif]-->
</head>
<body>
<!--banner-->
@include("../_header.html",{current:''}){}
<div class="banner-top visible-lg-block visible-md-block"
     style="height: 570px; background: url('/static/images/pc/search/其他页面.jpg') no-repeat 0 0;background-size: cover ">
</div>

<div class="banner-top visible-xs-block visible-sm-block"
     style="height: 300px;background: url('/static/images/mobile/research/banner.jpg') no-repeat 0 ;background-size: cover ">
</div>
<!--//banner-->

<div class="container-fluid" style="background-color: #EEEEEE;padding: 0;min-height: 600px">
    <div class="container" style="margin-top: 10px;position: relative">
        <div class="col-md-3 visible-md-block visible-lg-block" id="left_content;opacity: 0.8" style="position: static">
            <div id="search_page" style="z-index: 999;width: 200px">
                @include("../container_left.html"){}
            </div>
        </div>
        <div class="col-md-9">
            <div class="visible-lg-block visible-md-block" style="height: 40px;width: 100%;line-height: 40px;">
                <div style="display: inline-block;border-left:8px solid #50c9a0;height:35px;padding-left: 8px">
                    <form action="/search/" method="get">
                        <label>
                            <input type="text" class="form-control" value="${keywords}" name="keywords"
                                   placeholder="请输入" style="width: 200px;color: #50c9a0">
                        </label>
                    </form>
                </div>
                <!--面包屑 -->
                <div class="visible-md-block visible-lg-block" style="display: inline-block;float: right">
                    <ul style="list-style: none">
                        <li style="display: inline-block;">
                            <span style="color:#464646 ">您当前的位置：</span>
                            <a href="/index"
                               style="color: #464646; text-decoration: none;font-family: 'Roboto', sans-serif;">首页</a>
                            <span style="color:#464646 "> &nbsp>>&nbsp </span>
                        </li>
                        <li style="display: inline-block;color: #464646;font-family: 'Open Sans', sans-serif;letter-spacing: 1px">
                            相关搜索
                        </li>
                    </ul>
                </div>
                <!--//面包屑 -->
            </div>
            <div class="visible-xs-block visible-sm-block col-xs-12" style="height: 40px;width: 100%">
                <form style="width: 100%;" action="/search/" method="get">
                    <input style="width: 100%" class="form-control" value="${keywords}" name="keywords"
                           placeholder="请输入" type="text">
                    <button class="fa fa-search"
                            style="border: none;padding: 0;color: black;position: absolute; top: 7px; right: 25px;font-size: 19px;background: transparent"
                            type="submit"></button>
                </form>
            </div>
            <div>
                <div class="clearfix"></div>
                <div id="relativeProduct">
                    <div style="line-height: 50px;height: 50px;font-size: 20px">
                        相关产品<span>(${productNum}项)</span>
                    </div>
                    @if(productNum==0){
                    <div style="text-align: center;margin-top: 90px;margin-bottom: 90px">
                        <span>暂时未找到“${keywords}"相关的产品</span>
                    </div>
                    @}
                    <div class="clearfix"></div>
                    <div class="row" style="margin-top:30px">
                        @for(item in productResponseList){
                        <div class="col-md-3 col-xs-6">
                            <a href="/product/detail/${item.id}">
                                <div class="product_height panel panel-default product-item"
                                     style="position: relative;height: 240px">
                                    <div style="padding: 15px 0px 40px 0px;width: 100%;height: 100%">
                                        <img src="${item.pic}" style="width: 100%;height: 100%">
                                    </div>
                                    <div style="background-color: rgba(80, 201, 160, 0.6);height: 30px;width:100%;line-height:30px;text-align: center;position: absolute;bottom: 0">
                                        <span>${item.productName}</span>
                                    </div>
                                </div>
                            </a>
                        </div>
                        @}
                    </div>
                </div>
                <hr style="border-bottom: dotted;color: whitesmoke;width: 100%">
                <div id="relativeNews">
                    <div class="row" style="line-height: 50px;height: 50px;font-size: 20px">
                        相关新闻<span>(${newsNum}条)</span>
                    </div>
                    @if(newsNum==0){
                    <div style="text-align: center;margin-top: 90px;margin-bottom: 90px">
                        <span>暂时未找到“${keywords}"相关的新闻</span>
                    </div>
                    @}
                    <div class="clearfix"></div>
                    <div class="blog-main" style="margin-top: 30px">
                        @for(loadNewsVO in responseList.result){
                        <article class="fade-in"
                                 style="background-color: #F1F1F1;width: 100%;height: 180px;cursor: pointer"
                                 onmouseenter="this.style.backgroundColor='#cee7de'"
                                 onmouseleave="this.style.backgroundColor='#f1f1f1'"
                                 onclick="window.location.href='/newsDetail?newsId=${loadNewsVO.id}'">
                            <!--pc端-->
                            <figure class="thumbnail visible-lg-block visible-md-block" style="">
                                <a href="/newsDetail?newsId=${loadNewsVO.id}">
                                    <img class="img-responsive lazy-img" style="display: block;"
                                         src="${loadNewsVO.pic}" alt="...">
                                </a>
                            </figure>
                            <div class="visible-md-block visible-lg-block">
                                <span style="font-size: 20px;color:#585858;padding-top:13px;padding-left: 20px;display: inline-block">
                                    ${loadNewsVO.newsTitle}
                                </span>
                                @if(loadNewsVO.top==1 ){
                                <span style="display: block;position: absolute;right: 25px;bottom: 145px"><img
                                        src="${ctxPath}/static/images/icon/top.png"></span>
                                @}
                            </div>
                            <div class="entry-content visible-lg-block visible-md-block">
                                <div class="archive-content">
                                    ${loadNewsVO.description}
                                </div>
                                <span class="entry-meta ">
                                 <span class="views" data-toggle="tooltip" data-placement="bottom"
                                       data-original-title="文章发表日期">
                                     <i class="fa fa-calendar-o fa-fw"></i> ${loadNewsVO.updateDatetime,dateFormat="yyyy-MM-dd"}</span>
                                <span class="date" data-toggle="tooltip" data-placement="bottom"
                                      data-original-title="文章阅读次数">
                                     <i class="fa fa-eye fa-fw"></i>浏览(${loadNewsVO.visitNum})<i
                                        class="fas fa-stroopwafel"></i></span>
                            </span>
                            </div>
                            <!--移动端-->
                            <div class="visible-xs-block visible-sm-block col-xs-4" style="height: 100%;padding: 0px">
                                <img style="height: 100%;width: 160%" src="${loadNewsVO.pic}"
                                     alt="${loadNewsVO.newsTitle}">
                            </div>
                            <div class="visible-xs-block visible-sm-block col-xs-8"
                                 style="height: 100%;background-color: white;">
                                <div>
                                    <span class="title-xs">
                                        ${loadNewsVO.newsTitle}
                                    </span>
                                </div>
                                <div class="content-xs" style="height: 60px">
                                    ${loadNewsVO.description}
                                </div>
                                <div style="color: #5c5c5c;width: 95%">
                                    <span class="views" data-toggle="tooltip" data-placement="bottom"
                                          data-original-title="文章发表日期">
                                        ${loadNewsVO.updateDatetime,dateFormat="yyyy-MM-dd"}
                                    </span>
                                    <span style="float: right;">${loadNewsVO.author}</span>
                                </div>
                            </div>
                        </article>
                        @}
                    </div>
                    @if(responseList.total < newsNum){
                    <div id="loadMore" style="text-align: center;margin: 30px 0">
                        <a><span style="font-size: 18px;cursor: pointer;">点击加载更多</span></a>
                    </div>
                    @}
                </div>
            </div>
        </div>
    </div>
</div>

<!-- footer -->
@include("../_footer.html"){}
<!-- //footer -->

<script src="${ctxPath}/static/js/jarallax.js"></script>
<!--<script src="${ctxPath}/static/js/SmoothScroll.min.js"></script>-->
<script type="text/javascript">
    /* init Jarallax */
    $('.jarallax').jarallax({
        speed: 0.5,
        imgWidth: 1366,
        imgHeight: 768
    })
</script>
<script src="${ctxPath}/static/js/responsiveslides.min.js"></script>
<script src="${ctxPath}/static/js/api/search.js" ></script>
<script type="text/javascript" src="${ctxPath}/static/js/move-top.js"></script>
<script type="text/javascript" src="${ctxPath}/static/js/easing.js"></script>
<!-- here stars scrolling icon -->
<script type="text/javascript" src="${ctxPath}/static/js/scroller-menu.js"></script>
<!-- //here ends scrolling icon -->
<!-- FlexSlider -->
<script defer src="${ctxPath}/static/js/jquery.flexslider.js"></script>
<!-- //FlexSlider -->
</body>
</html>